/**
 * M2 - AI虚拟社交应用
 * 
 * @format
 */

import React from 'react';
import { View, Text, StyleSheet, SafeAreaView } from 'react-native';

function App() {
  return (
    <SafeAreaView style={styles.container}>
      <View style={styles.content}>
        <Text style={styles.title}>M2</Text>
        <Text style={styles.subtitle}>您的AI虚拟社交伙伴</Text>
        <Text style={styles.version}>Version: 0.1.0</Text>
      </View>
    </SafeAreaView>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#f8f9fa',
  },
  content: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    padding: 20,
  },
  title: {
    fontSize: 48,
    fontWeight: 'bold',
    color: '#3498db',
    marginBottom: 16,
  },
  subtitle: {
    fontSize: 18,
    color: '#666',
    marginBottom: 48,
  },
  version: {
    position: 'absolute',
    bottom: 24,
    fontSize: 14,
    color: '#999',
  },
});

export default App;